;
(function() {

	$.fn.cut = function(options = '') {
		if (options.constructor !== Object) {
			console.log('请传入对象参数！');
			return
		}
		let that = this
		if (options.type == 'hover') {
			$(that).find('.tabs li').on("mouseenter", function() {
				let index = $(this).index()
				$(that).find('.tabs li').eq(index).addClass('active').siblings().removeClass('active')
				$(that).find('.tab-body .tab-item').eq(index).addClass('active').siblings().removeClass(
					'active')
			})
		}
		if (options.type == 'click') {
			$(that).find('.tabs li').on("click", function() {
				let index = $(this).index()
				$(that).find('.tabs li').eq(index).addClass('active').siblings().removeClass('active')
				$(that).find('.tab-body .tab-item').eq(index).addClass('active').siblings().removeClass(
					'active')
			})
		}

	}

	$.fn.slide = function(options = '') {
		if (options.constructor !== Object) {
			console.log('请传入对象参数！');
			return
		}
		let ids = $(this).find('.item').length
		if (ids > 1) {
			$(this).find('.item-box').append($(this).find('.item').clone());
			let wid = $(this).innerWidth()
			let sw, num;
			let index = 0;
			let func = () => {
				if ($(this).find('.item-box').is(":animated")) {
					return;
				} else {
					index++;
					num = index * wid * -1
					$(this).find('.item-box').animate({
						'margin-left': num
					}, "800", () => {
						if (index >= ids) {
							index = 0;
							$(this).find('.item-box').css({
								'margin-left': 0
							})
						}
						$(this).find('.di li').eq(index).addClass('active').siblings().removeClass(
							'active')
					})
				}
			}
			if (!sw) {
				sw = setInterval(func, options.Time);
			}
			$(this).find('.right').click(() => {
				if ($(this).find('.item-box').is(":animated")) {
					return;
				} else {
					func()
				}
			})
			$(this).find('.left').click(() => {
				if ($(this).find('.item-box').is(":animated")) {
					return;
				} else {
					index--;
					if (index < 0) {
						index = ids - 1
						num = ids* wid * -1
						$(this).find('.item-box').css({
							'margin-left': num
						})
						num = (ids- 1) * wid * -1
						$(this).find('.item-box').animate({
							'margin-left': num
						})
					} else {
						num = index * wid * -1
						$(this).find('.item-box').animate({
							'margin-left': num
						})
					}
					$(this).find('.di li').eq(index).addClass('active').siblings().removeClass('active')
				}
			})
			$(this).mouseenter(() => {
				clearInterval(sw)
			})
			$(this).mouseleave(() => {
				if (!sw) {
					sw = setInterval(func, options.Time);
				}
			})
			let that = this
			$(this).find('.di li').on("mouseenter", function() {
				if ($(that).find('.item-box').is(":animated")) {
					$(that).find('.item-box').stop();
				}
				index = $(this).index()
				num = index * wid * -1
				$(that).find('.item-box').animate({
					'margin-left': num
				})
				$(that).find('.di li').eq(index).addClass('active').siblings().removeClass('active')
			})
		}
	}


})();
